<th:block xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:fragment="pageHeader">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner ">
        <!-- BEGIN LOGO -->
        <div class="page-logo">
            <a href="/home.html">
                <img th:src="@{/images/logo.png}" alt="logo" class="logo-default" />
            </a>
            <div class="menu-toggler sidebar-toggler">
                <span></span>
            </div>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
            <span></span>
        </a>
        <!-- END RESPONSIVE MENU TOGGLER -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <div class="top-menu">
            <ul class="nav navbar-nav pull-right">
                <!-- BEGIN USER LOGIN DROPDOWN -->
                <li class="dropdown dropdown-extended dropdown-inbox">
	                <a href="javascript:;"  class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" style="padding-bottom: 4px;">
	                    <i class="icon iconfont lbs-gouwuche" style="font-size: 32px;"></i>
	                    <span class="badge badge-default" id="shopping_cart_number" th:text="${session.shoppingCartNumber}" th:if="${session.shoppingCartNumber}">4</span>
	                    <span class="badge badge-default" id="shopping_cart_number" th:unless="${session.shoppingCartNumber}"></span>
	                </a>
	                 <ul class="dropdown-menu dropdown-menu-default">
                        <li>
                            <a href="/system/shoppingCart/index.html">
                            <i class="icon-user"></i>查看购物车 </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown dropdown-user">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                    	<img alt="" class="img-circle" th:src="${session.userPhoto}?${session.userPhoto}:@{/images/unknown_1.svg}"/>
                        <span class="username username-hide-on-mobile" th:text="${session.userAlias}"> Nick </span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-default">
                        <li>
                            <a href="/user.html">
                            <i class="icon-user"></i> 个人中心 </a>
                        </li>
                        <li class="divider"> </li>
                        <li>
                            <a href="/logout">
                            <i class="icon-key"></i> 退出 </a>
                        </li>
                    </ul>
                </li>
                <!-- END USER LOGIN DROPDOWN -->
                <!-- BEGIN QUICK SIDEBAR TOGGLER -->
                <li class="dropdown dropdown-quick-sidebar-toggler">
                    <a href="/logout" class="dropdown-toggle">
                        <i class="icon-logout">退出</i>
                    </a>
                </li>
                <!-- END QUICK SIDEBAR TOGGLER -->
            </ul>
        </div>
        <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
</th:block>